<template>
  <div class="app-container">
    <el-card shadow="never" class="mb-3">
      <el-form ref="searchFormRef" :inline="true" class="mt-2.5" label-width="auto">
        <!-- <el-form-item prop="username" label="部门">
          <el-input placeholder="请选择" />
        </el-form-item> -->
        <el-form-item prop="username" label="车辆编号">
          <el-input placeholder="请选择" />
        </el-form-item>
        <el-form-item prop="username" label="设备名称/型号">
          <el-input placeholder="请选择" />
        </el-form-item>
        <el-form-item prop="username" label="资产编号">
          <el-input placeholder="请选择" />
        </el-form-item>
        <el-form-item prop="username" label="班组长">
          <el-input placeholder="请选择" />
        </el-form-item>
        <el-form-item prop="username" label="操作者A">
          <el-input placeholder="请选择" />
        </el-form-item>
        <el-form-item prop="username" label="操作者B">
          <el-input placeholder="请选择" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary">查询</el-button>
          <el-button>重置</el-button>
        </el-form-item>
      </el-form>
    </el-card>
    <el-card shadow="never" class="">
      <div class="toolbar-wrapper mb-3">
        <!-- <el-button type="primary" @click="$router.push('/labels/problemAdd')">新建点检表</el-button> -->
        <el-button type="primary">导出</el-button>
      </div>
      <el-table :data="tableData">
        <!-- <el-table-column type="selection" width="50" align="center" /> -->
        <el-table-column type="index" label="序" width="50" />
        <el-table-column prop="name8" label="月份" />
        <el-table-column prop="name9" label="车辆编号" />
        <!-- <el-table-column prop="name" label="部门" /> -->
        <el-table-column prop="name1" label="设备名称/型号" />
        <el-table-column prop="name2" label="资产编号" />
        <el-table-column prop="name3" label="班组长" />
        <el-table-column prop="name4" label="操作者A" />
        <el-table-column prop="name5" label="操作者B" />
        <el-table-column prop="name7" label="备注" />
        <el-table-column fixed="right" label="操作" align="center">
          <el-button type="primary" text bg size="small" @click="$router.push('/labels/problemAdd')">查看</el-button>
        </el-table-column>
      </el-table>
    </el-card>
    <el-dialog
      v-model="dialogVisible"
      title="新建"
      width="95%"
    >
      <el-form ref="formRef" :rules="formRules" label-width="auto">
        <!-- <el-form-item prop="username" v-for="(item, index) in s1" :key="index" :label="item">
          <el-input placeholder="请输入" />
        </el-form-item> -->
      </el-form>
      <!-- <img src="/dian.png" class="w-full" alt=""> -->
      <template #footer>
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button type="primary">新建</el-button>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
import { ref } from "vue"

const s1 = [
  '使用部门',
  '车辆编号',
  '设备名称/型号',
  '资产编号',
  '报修日期',
  '报修内容',
  '维修情况及更换备件',
  '完工日期',
  '操作人员',
  '维修人员',
  '备注',
]
const formRules = {
  username: [{ required: true, trigger: "blur", message: "请输入" }],
}
const dialogVisible = ref(false)
const tableData = [
  {
    name: "物流部",
    name1: "卷筒",
    name2: "13214",
    name3: "张三",
    name4: "李四",
    name5: "王五",
    name6: "",
    name7: "",
    name9: "起运一",
    name9: "起运一",
    name8: "2024-04"
  },
  {
    name: "物流部",
    name1: "卷筒",
    name2: "13214",
    name3: "张三",
    name4: "李四",
    name5: "王五",
    name6: "",
    name7: "",
    name9: "起运一",
    name8: "2024-03"
  },
  {
    name: "物流部",
    name9: "起运一",
    name1: "卷筒",
    name2: "13214",
    name3: "张三",
    name4: "李四",
    name5: "王五",
    name6: "",
    name7: "",
    name8: "2024-02"
  }
]
</script>
<style lang="scss" scoped></style>
